<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>浏览器窗口</title>
	</head>
	<body>
		窗口的位置和大小
		<p>leftX和topY用来确定和修改window对象位置的属性和方法</p>
		<p>窗口页面大小 innerWidth 和innerHeight 返回浏览器本身的尺寸
		。outWidth 和outerHeight 返回浏览器窗口本身以及边框尺寸</p>
	</body>
	<script>
	
	/*	alert(window.screenLeft);
		alert(window.screenTop);
		//ie和其他浏览器属性，火狐不认识，必须加上window
		* */
	alert(typeof window.screenLeft);//火狐undefined 其他number （数值）
		
/*	alert(window.screenX);
	alert(window.screenY);
	//火狐谷歌等支持 ，ie不支持
	* */
	
	//浏览器兼容
	var leftX = typeof window.screenLeft =='number'? window.screenLeft:window.screenX;
	var topY =typeof window.screenTop =='number' ? window.screenTop :window.screenY;
	
	alert(leftX);
	alert(topY);
	
	
	//ie不支持innerWidth和和innerHeight 使用documen属性，
	
	//兼容跨浏览器获取可视范围窗口
	var width =window.innerWidth;  //ie不支持  undefined
	var height = window.innerHeight;
	
	if(typeof width!='number'){ //如果是ie使用document
		//alert(document.compatMode)
		if(document.compatMode=='CSS1Compat'){//表示ie的标准模式
			width =document.documentElement.clientWidth;
			height =document.documentElement.clientHeight;
		}else{   //兼容ie6版本
			width =document.body.clientWidth;
			height =document.body.clientHeight;
		}
	}
	alert(width);
	alert(height);
	
	
	
/*	//调整浏览器的位置 ie有效 ，一般被浏览器禁用
	moveTo(0,0);   //移动到0,0坐标
	moveBy(10,10);  //向下和右边移动10像素
	
	//调整浏览器大小，ie有效
	resizeTo(200,200); //调整大小
	resizeBy(-100,200);//扩展收缩大小*/
	</script>
	
</html>
